<template>
  <guide :guideObj="{title: config.configType}" @backHome="backHome">
    <div slot="warn" class="description">
      温馨提示：
      <ul>
        <li>1.因为IVR流程的配置较为复杂，容易配错，为了不影响您的业务，节省您的时间，售后人员将为您免费提供配置服务，只需填写下方的申请配置内容，点击提交，售后人员收到申请后会按照您的要求完成配置服务。
        </li>
        <li>2.您可以点击顶部工具条【?】里的【服务工单】查看您所有的配置申请的动态并进行回复。注意：工作时间为9:00——18:00，非工作时间不进行配置，如需紧急支持请拨打客服热线：4001-113-114。
        </li>
      </ul>
    </div>
    <div slot="directions" class="description">
      <p>
        如下图，可按照企业自己的业务来个性化定义在线咨询的流程，让整个接待变得更高效
      </p>
      <img src="../../../../assets/img/configHelp/callIVR.png" alt="" style="width:800px">
    </div>
    <el-row slot="application" :gutter="20">
      <el-col :span="12">
        <business-form :config="config" :cssStyle="{row: 16, placeHolder: '小提示:可在此描述下是要对哪个服务号做ivr配置，是要新添加还是要修改原来的。修改的点可在流程图里框出来。如没有流程图，可留下您的联系方式，具体跟我们的工作人员进行沟通。'}" ref="businessForm" @backHome="backHome"></business-form>
      </el-col>
    </el-row>
  </guide>
</template>

<script>
  import Guide from '../../../ui-modules/guide/index'
  import BusinessForm from './businessCommon'
  import Clipboard from 'clipboard-js'
  export default {
    name: 'qualitycheckHelp',
    data () {
      return {
        visible2: false
      }
    },
    props: {
      config: Object
    },
    components: {
      Guide,
      BusinessForm
    },
    activated () {
      this.$refs.businessForm.resetForm()
    },
    inject: ['back'],
    methods: {
      copyText () {
        let self = this
        Clipboard.copy(document.getElementById('qualitycheck-copy').innerText).then(
          function () {
            self.$message.success(self.$t('config.business.copySuccess'))
          }
        )
      },
      backHome () {
        this.back()
      },
      jumpToConfig () {
        this.visible2 = false
        // this.$router.push('/index/config/qualityCheckConfig')
      }
    }
  }
</script>

<style scoped lang="stylus">
  @import "../../../../assets/common.styl"
  .description
    p
      padding 10px 0
    ul
      padding 10px 0
    ul ul
      padding 10px 0 10px 40px
    li
      display list-item
      margin:0
  .business-flow-example
    position relative
    margin: 20px auto 0
    padding 10px 30px
    background: #fafafa
    .copyText
      position absolute
      right 20px
      top 15px
      cursor pointer
    li
      padding 2px 0
  .icon-fuzhi
    color $c-main
  .popover
    padding 5px
  img
    max-width 100%
    width auto
    border 10px solid #f7f7f7
    border-radius 5px
    margin 10px 0
</style>

